PageSpeedInsightsDCL

PageSpeed Insights 是 Google 提供的 免費網站醫生，能幫你打分數、開藥方。 LCP, INP, CLS 是最重要的三個指標，分別代表「載入速度」、「互動性」和「穩定性」。

PageSpeed Insights 整合了 Chrome 使用者體驗報告 (CrUX) 的資料，顯示網頁或 origin 的實際成效資料。 PSI 會回報兩項 metrics：首次顯示內容繪製 (FCP) 和 DOMContentLoaded (DCL)。

PageSpeed Insights 針對網站首頁，有比較詳細的速度分析，分為 FCP （First Contentful Paint）與 DCL（DOM Content Loaded），當用戶進入網站，得到視覺響應時，會開始測量 FCP ; 當載入 HTML 文檔時會進行 DCL 測量。

For details, see the Google Developers Site Policies.

什麼是 DCL？ DCL 是 DOMContentLoaded 的縮寫，是一個重要的 網頁效能 指標。 DCL 測量瀏覽器準備好執行任何 用戶端指令碼 的時間點。 用更專業的詞彙來說，DCL 是在網頁載入過程中，瀏覽器已組裝 DOM（文件對像模型）且沒有樣式表阻止執行 JavaScript 的時間。

這次主要與大家分享的是PageSpeed Insights改版，將「速度」與「最佳化」分開，並出現了兩個很主要的指標：First Contentful Paint (FCP)與DOM Content Loaded (DCL)的時間。